﻿{% load staticfiles %}

<!doctype html>

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Productivity Sorcerer</title>
    <meta name="description" content="Productivity and time management tool">
    <meta name="author" content="Szymon Wieloch">
    
    <!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>-->
    
    <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
    
    <link rel="stylesheet" href="{% static 'reset.css'%}" />
    <link rel="stylesheet" href="{% static 'styles.css'%}" />
    <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
</head>

<body>
    <header>
        <div id="top-bar">
            <nav  class="content-width top-bar-height">
                <ul id="navigation" >
                    <a href="{% url 'home' %}"><li><img src="{%static 'img/home.png'%}"/>Home</li></a>
                    <a href="{% url 'all-tasks' %}"><li><img src="{%static 'img/list.png'%}"/>Your tasks</li></a>
                    <a href="{% url 'period' %}"><li><img src="{%static 'img/period.png'%}"/>Current period</li></a>
                    <a href="{% url 'help' %}"><li><img src="{%static 'img/help.png'%}"/>Help</li></a>
                </ul>
                
                <div id="login" >
                    {% if user.username %}
                    {{ user.username }}, 
                    <a href="{%url 'logout'%}">logout</a>
                    {% else %}
                    Anonymous, 
                    <a href="{%url 'login' %}">login</a> or 
                    <a href="{%url 'register' %}">register</a>
                    {% endif %}
                </div>
            </nav>
        </div>
        <div class="top-bar-height"></div>
    </header>
    
    <article id="main-content" class="content-width">
    {% block content %}{% endblock %}
    </article>
    <footer>
        <div class="content-width">
            <p>Szymon Wieloch 2014. This is a free software under <a href="http://www.gnu.org/licenses/gpl-3.0.html">GPL 3 license</a>.</p>
            <p>Visit <a href="http://szymonwieloch.pl">szymonwieloch.pl</a> for more information about me.</p>
        </div>
    </footer>
</body>
</html>